.menuNav{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	height: 100%;
.menuContent{
	padding-top: 74px;
	width: 100%;
	// width: 140px;
	font-size: 14px;
	min-height: 100%;
	color:#99aeac;
	background-color: #5847AC;
	transition: margin-left 0.2s;
	.user-head-img{
		text-align: center; 
		padding-top: 44px; 
		padding-bottom: 24px; 
		background-color: #343a4a; 
		.head-img{
			img{
				width: 100px;
				height: 100px;
				border-radius: 500px;
			}
		}
		.head-name{
			margin-top: 20px;
		}
	}
	& > ul { 
		position: relative;
		.menu-level-one,
		.menu-level-two{
			width: 100%;
			height: 100%;
			& > a {
				display: inline-block;
				width: 100%;
				height: 60px;
				line-height: 60px;
				//color: #fff;
				color: #99aeac;
				transition:background-color 0.3s;
				& > img {
					margin-left: 25%;
					background-size: 20px;
					vertical-align: middle;
					margin-top: -2px;
					margin-right: 20px;
				}
				& > i{
					width: 20px;
					height: 20px;
					display: block;
					float: left;
					// color: #99aeac;
					margin: 20px 10px 16px 24px;
					text-align: center;
					img{
						display: block;
						// width: 100%;
						width: 20px;
						height: 20px;
					}
				}
				& > span{
					display: inline-block;
					vertical-align: super;
					width: 86px;
				}
				.oagl{
					margin-right: 21px;
				}
			}
			& > a:hover{
				//background-color: #2c2f3d;
				background-color: #443A89;
			}
		}
		.menu-level-two{
			& > a {
				position: relative;
				cursor: pointer;
			}
			& > ul {
				width: 100%;
				height: 100%;
				
				a {
					display: inline-block;
					// padding-left: 30px;
					width: 100%;
					height: 40px;
					line-height: 40px;
					text-align: center;
					//color: #fff;
					color: #99aeac;
					transition:background-color 0.3s;
					& > img {
						margin-left: 25%;
						background-size: 20px;
						vertical-align: middle;
						margin-top: -2px;
						margin-right: 20px;
					}
					& > i{
						font-style: normal;
						margin-left: 20%;
						margin-right: 5%;
						font-size: 16px;
					}
					.oagl{
						margin-right: 21px;
					}
				}
				// a:hover{
				// 	//background-color: #2c2f3d;
				// 	background-color: #443A89;
				// }
			}
		}
	}
	.active{
		// border-left:4px solid $primary;
		& > a{
			//color: $primary;
			color: #fff!important;
			//background-color: #1f222b;
			background-color: #443A89;
		}
	}
	//收缩展开菜单样式
	.slide-icon{
		 position: absolute;
		 // background: url("../static/image/icon-menu-toggle.png") right no-repeat;
		 //  width: 13px;  
		 width: 22px;
		 height: 58px;
		 background-size: cover;
         top: 0px;
         right: -12px;
		 z-index: -1;
		 &>i{
			display: inline-block;
			width: 22px;  
			height: 58px;
			&>img{
				display: inline-block;
				width: 22px;  
				height: 58px;
			}
		 }
		//  &:hover{
		// 	background-image: url("../static/image/icon-menu-toggle-active.png");
		//  }
	}
	// .slide-icon-active{
	// 	background-image: url("../static/image/icon-menu.png");
	// 	&:hover{
	// 		background-image: url("../static/image/icon-menu-active.png")
	// 	}
	// }
	.secondLevel{
		li:nth-child(odd){
			background: #EC7A55;
			//background: #999999;
			span{
				color: #fff!important;
			}
			span::before{
				// content:"●";
				content: "\02022";
				color: #fff;
				margin-right: 12px;
			}
			
		}
		li:nth-child(even){
			background: #999999;
			//background: #999999;
			span{
				color: #fff!important;
			}
			span::before{
				// content:"●";
				content: "\02022";
				color: #fff;
				margin-right: 12px;
			}
			
		}

		// li.cactive{
		// 	background: #EC7A55;
		// }
		
	}
}
}